<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>东莞轨道交通</title>
<!-- <link href="_files/global.css" rel="stylesheet" /> -->
<!-- <link href="_files/style.css" rel="stylesheet" /> -->
<link href="_files/wx_style.css" rel="stylesheet" />
<link href="_files/artDialog5/skins/default.css" rel="stylesheet" type="text/css" />
<link href="_files/js/layui/css/layui.css" rel="stylesheet" type="text/css" />
<link href="_files/css.css" rel="stylesheet" />
<link href="_files/fuchuang.css" rel="stylesheet" />
<link href="_files/jquery.bxslider.css" rel="stylesheet" type="text/css" />
[#include 'inc_js.html'/] 
<script language="javascript" type="text/javascript" src="_files/js/line.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/pop_dialog.js"></script> 
<script language="javascript" type="text/javascript" src="_files/artDialog5/artDialog.min.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/layui/layui.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/jquery.bxslider.js"></script>
<script type="text/javascript">
$(function(){
	//线路导览
	var time = null;
	$(".zhans .Line .hover").hover(function(){
		clearTimeout(time);
		$(this).parent(".Line").addClass("cur").find(".info").show();
		$(this).parent(".Line").siblings().removeClass("cur").find(".info").hide();
	},function(){
		var fu=$(this).parents(".Line");
		time = setTimeout(function(){
        	fu.find(".info").hide();
			fu.removeClass("cur");
        },500);
	})
	$(".zhans .Line .info").hover(function(){
		clearTimeout(time);
		$(this).show();
		$(this).parents(".Line").addClass("cur");
	},function(){
		var self=$(this);
		time = setTimeout(function(){
			self.hide();
			self.parents(".Line").removeClass("cur");
		},500);
	});
		$(".zhans .Line .info span.start").click(function(){
			$(this).parents(".Line").removeClass("end");
			$(this).parents(".Line").addClass("start").siblings().removeClass("start");
			chaxun();
		})
		$(".zhans .Line .info span.end").click(function(){
			$(this).parents(".Line").removeClass("start");
			$(this).parents(".Line").addClass("end").siblings().removeClass("end");
			chaxun();
		})
	});
	
$(function() {
	$.ajax({
		type : 'get',
		async : false,
		url : "${ctx}"+'/ext/line.htmx?lineId=2',
		dataType : 'json',
		error : function() {
			alert('系统连接失败，请稍后再试！');
		},
		success : function(result) {
			if (result.info.success){
				if (result.data != null && result.data.length > 0) {
					for (var i = 0; i < result.data.length; i++) {
						var stations = result.data[i].stations;
						var lineId = result.data[i].id;
						var lineName = result.data[i].name;
						$.each(stations,function(key,value){
							var stationId = value.id;
							var stationName = value.name;
							$("#zdcx").append("<a id='"+ stationId+ "' onclick=\"showValue('"+ stationName + "','"+ stationId + "');\">"+stationName+"</a>");
						})
					}
				}
			}
		}
	});
});
	function chaxun(){
		var nodeUrl;
		 [@Node number='yysj';node]nodeUrl = '${node.url}';[/@Node]
		var srart=$(".zhans .Line.start");
		var end=$(".zhans .Line.end");
		var startId = $(".zhans .Line.start").attr("id");
		var endId = $(".zhans .Line.end").attr("id");
		var sline = srart.find(".info h3 i").eq(0).html();
		var eline = end.find(".info h3 i").eq(0).html();
		if(srart.length == 1 && end.length == 1){
			lineQueryResult(startId, endId, "${ctx}",nodeUrl);
		}
	}
	
	function stationInfo(prefix,id,Obj){
		var line = $(Obj).parents(".Line").find(".info h3 i").eq(0).html();
// 		window.location.href = "/front/busservice/stationinfo/index-"+id+"-"+line+".html";
		stationQueryResult("${ctx}", id)
	}
	
	function g(o){
		return document.getElementById(o);
	}
	
	function ClickLi(x,y,m,n,counter,noStyle,hoverStyle){
		for(var i=1;i<=counter;i++){
			g(x+m+i).className=noStyle;
			g(y+m+i).className='undis';
			g(x+m+i+'_icon').className='xianlu-icon';
			g(x+m+i+'_title').className='xianlu-title';
		}
		g(y+m+n).className='dis';
		g(x+m+n).className=hoverStyle;
		g(x+m+n+'_icon').className='xianlu-icon-hover';
		g(x+m+n+'_title').className='xianlu-title-hover';
		
	}
</script>
</head>

<body>
<div class="top-bg-01">
  <div id="main"> 
	[#include 'inc_header.html'/]
	<div class="lianjie-index">
				你当前的位置： [#list node.hierarchy as n]<a href="${n.url}">${n.name}</a>[#if n_has_next] > [/#if][/#list]
			</div>
    <div class="yyfw-top-img"> 
     	[@InfoList attr='operFocus' limit='5';list]
			<ul class="yyfw-top-img01">
				[#list list as info]
				<a href="${info.url}">
				<li><img src="${info.attrImageUrl}" width="1002" height="234" alt="${info.title}"></li>
				</a>
				[/#list]
			</ul>
		[/@InfoList]	
	      <script type="text/javascript">
	        $(document).ready(function(){
	          $('.yyfw-top-img01').bxSlider({
	            minSlides: 1,
	            captions: true,//自动控制 
	    		wrapper_class: 'top-img-wrap',
	    		auto: true,
	    		controls: false,
	    		auto_controls: true,
	    		pager: true,
	    		autoDirection: 'next'
	          });
	          $('.bx-wrapper').css('margin-top',0);
	        });
	   	 </script> 
       </div>
    <div class="main-main yunyingfuwu-index clearfix"> 
      <!--运营服务左边部分-->
      <div class="yyfw-left">
        <div class="yyfw-index-chaxun"> 
         <div class="chaxun-main">   
        <!--线路查询样式-->
        <!--线路查询选中样式-->
             <!-- <div class="xianlu-hover clearfix">
              <ul>
                <li class="index-xianluchaxun-hover"> 
                <span class="xianlu-icon-hover"></span> 
                <span class="xianlu-title-hover">线路查询</span> </li>
                <li class="index-zhandianchaxun"> <span class="zhandian-icon"></span> <span class="zhandian-title">站点查询</span> </li>
              </ul>
              <div class="div01">
                <div class="index-xianluchaxun-station">
                  <div class="qidian">
                    <label for="staions"><img src="_files/img/index/qidian.png" width="23" height="30" /></label>
                    <input type="text" value="请点击选择站点">
                  </div>
                  <div class="zhongdian">
                    <label for="staions"><img src="_files/img/index/zhongdian.png" width="23" height="30" /></label>
                    <input type="text" value="请点击选择站点">
                  </div>
                </div>
                <div class="index-anniu" > <a class="chaxun-anniu">查 询</a> </div>
              </div>
            </div> -->
            
          <div class="xianlu-hover clearfix">
             <ul>
				<li class="index-xianluchaxun-hover"
					onclick="ClickLi('tb_','tbc_',4,1,2,'index-xianluchaxun','index-xianluchaxun-hover');"id="tb_41">
					<span class="xianlu-icon-hover" " id="tb_41_icon"></span> 
					<span class="xianlu-title-hover" id="tb_41_title">线路查询</span></li>
				<li class="index-zhandianchaxun"
					onclick="ClickLi('tb_','tbc_',4,2,2,'index-zhandianchaxun','index-zhandianchaxun-hover');" id="tb_42">
					<span class="xianlu-icon" id="tb_42_icon"></span> 
					<span class="xianlu-title" id="tb_42_title">站点查询</span></li>
			 </ul>
              <div class="dis" id="tbc_41">
	               <div class="div01">
	                <div class="index-xianluchaxun-station">
	                  <div class="qidian">
	                    <label for="staions"><img src="_files/img/index/qidian.png" width="23" height="30" /></label>
	                    <input type="text" id="start"  onclick="showStation(this)" value="请点击选择站点" name>
	                  </div>
	                  <div class="zhongdian">
	                    <label for="staions"><img src="_files/img/index/zhongdian.png" width="23" height="30" /></label>
	                   <input type="text" id="end" onclick="showStation(this)" value="请点击选择站点" name>
	                  </div>
	                </div>
	                <div class="index-anniu" > 
	                 [@Node number='yysj';node]
	                	<a class="chaxun-anniu" id="lineQuery" onclick="lineQuery('${ctx}','${node.url}');">查 询</a>
	                [/@Node] 
	                </div>
	              </div>
              </div>
              
<!--                <div class="zhandianchaxun undis" id="tbc_42"> -->

                 <div class="undis" id="tbc_42">
                  <div class="zhandianchaxun">
                 	<div class="div01">
	                    <label for="staion">站点:</label>
	                    <input type="text" id="station" onclick="showStation(this)" value="请点击选择站点" name/>
	                    <div class="index-anniu" > <a class="chaxun-anniu" id="stationQuery" onclick="stationQuery('${ctx}');">查 询</a> </div>
            		</div>
            	  </div>
            	</div>
<!--                 </div> -->
            </div>
            
            
            
          <!--线路查询结果样式 -->
        <div id="queryResult" class="undis" >
          <div class="xianluchaxun-jieguo clearfix">
          <p class="xlcx-title">
           <span>线路查询信息</span>
<!--            <span class="xianluchaxun-guanbi"></span> -->
          </p>
          <div class="xlcx-xinxi clearfix">
           <div class="xianlu-jieguo">
            <div class="xianlu-tuwen clearfix">
              <div class="star01">
                <div class="point-star"></div>
                <span id="startStation" class="xlcx-station">起始站点</span>
              </div>
              <div class="middle01"></div>
              <div class="over01">
                <div class="point-over"></div>
                <span id="endStation" class="xlcx-station">结束站点</span>
              </div>
            </div>
            <ul>
             <li>
              最佳乘车方案: 途径<span id="stationCount" class="strong"> null </span>站  
             </li>
             <!-- <li>
              车程:<span id="duringTime" class="strong"> null </span>分钟  
             </li> -->
             <li>
              票价:<span id="ticketPrice" class="strong"> null </span>元  
             </li>
            </ul>
           </div>
           <div id=lineTime class="shoumobanche clearfix">
            <!-- <ul>
             <li class="clearfix">
              <span class="span03">1</span>
              <span class="station-name">鸿福路</span>
              <span class="station-direction">(往东莞火车站)</span>
             </li>
             <li class="station-time clearfix">
              <span class="span04">首</span>
              <span class="time01">6:10</span>
             </li>
             <li class="station-time clearfix">
              <span class="span04">末</span>
              <span class="time01">22:10</span>
             </li>
            </ul>
            <a>查看详细服务时间</a> -->
           </div>
          </div>
         </div>
        </div>
         <!--线路查询选中样式-end-->
        <!--线路查询样式-end-->  
        <!--站点查询样式-->
          
          <!-- 站点查询选中样式
          <div class="zhandian-hover clearfix">
            <ul>
              <li class="index-xianluchaxun"> <span class="xianlu-icon"></span> <span class="xianlu-title">线路查询</span> </li>
              <li class="index-zhandianchaxun-hover"> <span class="zhandian-icon-hover"></span> <span class="zhandian-title-hover">站点查询</span> </li>
            </ul>
            <div class="zhandianchaxun">
               <div class="div01">
                  <label for="staion">站点:</label>
                  <input value="请点击选择站点" type=""/>
                  <div class="index-anniu" > <a class="chaxun-anniu">查 询</a> </div>
          </div>
               </div>
            </div>
          -->
          
          <!--站点查询弹屏样式 -->
         <div id="chooseStation" class="undis" >
          <div class="zhandianchaxun-tanping clearfix">
<!--            <div class="zhandianchaxun-title"> -->
<!--             <span class="span01">请选择站点</span> -->
<!--             <span class="span02"></span> -->
<!--            </div> -->
           <div class="zhandian clearfix">
            <div class="xianlu-line02">
             <div class="line02-title">
              <span class="name-02">二号线</span>
              <span class="icon-02"></span>
             </div>
              <p class="zdcx-stations" id='zdcx'></p>
            </div>
           </div>
          </div>
          </div>
          <!-- 站点查询下拉选择样式(备选）
          <div class="zhandian-hover clearfix">
            <ul>
              <li class="index-xianluchaxun"> <span class="xianlu-icon"></span> <span class="xianlu-title">线路查询</span> </li>
              <li class="index-zhandianchaxun-hover"> <span class="zhandian-icon-hover"></span> <span class="zhandian-title-hover">站点查询</span> </li>
            </ul>
            <div class="zhandianchaxun">
              <label for="staion">站点:</label>
              <select>
                <option value="0201">虎门火车站</option>
                <option value="0202">展览中心站</option>
                <option value="0203">珊美站</option>
                <option value="0204">寮厦站</option>
                <option value="0205">陈屋站</option>
                <option value="0206">哈地站</option>
                <option value="0207">西平站</option>
                <option value="0208">鸿福路站</option>
                <option value="0209">旗峰公园站</option>
                <option value="0210">东城站</option>
                <option value="0211">天宝站</option>
                <option value="0212">下桥站</option>
                <option value="0213">榴花公园站</option>
                <option value="0212">茶山站</option>
                <option value="0213">东莞火车站</option>
              </select>
            </div>
            <div class="index-anniu" > <a class="chaxun-anniu">查 询</a> </div>
          </div>
         --> 
         <!--站点查询结果样式  -->
         <div class="zhandianchaxun-jieguo undis clearfix">
          <p class="zdcx-title">
           <span>站点查询信息</span>
           <span class="zhandianchaxun-guanbi"></span>
          </p>
          <div class="zhoubianxinxi clearfix">
           <div class="chukouzhiyin">
            <p class="zhiyin-title">本站出口指引:</p>
            <ul>
             <li>
              <span class="chukou">A</span>
              <span class="chukou-road">茶山路</span>
             </li>
             <li>
              <span class="chukou">D</span>
              <span class="chukou-road">茶山路</span>
             </li>
             <li>
              <span class="chukou">E</span>
              <span class="chukou-road">茶山路</span>
             </li>
             <li>
              <span class="chukou">F</span>
              <span class="chukou-road">茶山路</span>
             </li>
            </ul>
           </div>
           <div class="shangpuxinxi">
            <p class="shangpu-title">商铺信息:</p>
            <ul>
             <li>
              <span class="chukou">A</span>
              <span class="shangpu-name">良品铺子</span>
             </li>
             <li>
              <span class="chukou">D</span>
              <span class="shangpu-name">良品铺子</span>
             </li>
             <li>
              <span class="chukou">E</span>
              <span class="shangpu-name">良品铺子</span>
             </li>
            </ul>
           </div>
          </div>
         </div>
       
         <!--站点查询样式-end-->
         </div>
         <div class="index-xinximokuai">
          <span></span>
         </div>
        </div>
        <div class="piaowuzhiyin clearfix">
<!--          <div class="yyfw-mokuai-div"> -->
<!--             <div class="top-title clearfix"> -->
<!--              <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/piaowuzhiyin-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">票务指引</span>  -->
<!--              <a class="more03" href="yunyingfuwu-pwzy-goupiaochengxu.html">更多></a> -->
<!--             </div> -->
<!--             <table class="pwzy-icon-list"> -->
<!--              <tr> -->
<!--               <td class="td01"><a href="yunyingfuwu-pwzy-chepiaozhonglei.html"><img src="_files/img/yunyingfuwu/chepiaozhonglei-icon.png"><span>车票种类</span></a></td> -->
<!--               <td class="td02"><a><img src="_files/img/yunyingfuwu/chepiaoshiyong-icon.png"><span>车票使用规则</span></a></td> -->
<!--              </tr> -->
<!--              <tr> -->
<!--               <td class="td01"><a href="yunyingfuwu-pwzy-goupiaochengxu.html"><img src="_files/img/yunyingfuwu/goopiaochengxu-icon.png"><span>购票程序</span></a></td> -->
<!--               <td class="td02"><a><img src="_files/img/yunyingfuwu/tuibupiao-icon.png"><span>补票、退票规定</span></a></td> -->
<!--              </tr> -->
<!--              <tr> -->
<!--               <td class="td01"><a href="yunyingfuwu-pwzy-piaojiabiao.html"><img src="_files/img/yunyingfuwu/piaojiabiao-icon.png"><span>票价表</span></a></td> -->
<!--               <td class="td02"><a><img src="_files/img/yunyingfuwu/piaojiayouhui-icon.png"><span>票价优惠政策</span></a></td> -->
<!--              </tr> -->
<!--             </table> -->
<!--           </div> -->
          
          <div class="yyfw-mokuai-div">
            <div class="top-title clearfix">
            [@Node number='pwzy';node]  <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/piaowuzhiyin-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">${node.name}</span> 
             <a class="more03" href="${node.url}">更多></a>[/@Node]
            </div>
            <table class="pwzy-icon-list">
             <tr>
             [@Node number='cpzl';node] <td class="td01"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             [@Node number='cpsygz';node] <td class="td02"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             </tr>
             <tr>
              [@Node number='gpcx';node] <td class="td01"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             [@Node number='bptpgd';node] <td class="td02"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             </tr>
             <tr>
             [@Node number='pjb';node] <td class="td01"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             [@Node number='pjyhzc';node] <td class="td02"><a href="${node.url}"><img src='${node.smallImageUrl}'><span>${node.name}</span></a></td>[/@Node]
             </tr>
            </table>
          </div>
        </div>
         <div class="gongjiaohuancheng clearfix">
          
           <div class="yyfw-mokuai-div" style="margin-top:10px;">
            <div class="top-title clearfix">
             <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/gongjiaohuancheng-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">公交换乘</span>  
            </div>
            <div class="bus-search">
             <input type="text" value="点击选需要择查询站点"><img src="_files/img/yunyingfuwu/gongjiao-search.png" width="40" height="26">
            </div>
          </div>
        </div>
<!--         <div class="fuwusheshi clearfix">
          <div class="yyfw-mokuai-div">
            <div class="top-title clearfix">
               [@Node number='fwss';node]
             <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/fuwusheshi-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">${node.name}</span> 
             <a class="more03" href="${node.url}">更多></a>
             [/@Node]
            </div>
            <div class="fwss-img">
                [@NodeList parent='fwss' isWithImage=true;list]
				 [#list list as node]
				          <a href="${node.url!}"><img src='${node.smallImageUrl}' width='143' height='106' alt='${node.title!}'></a>
              [/#list]
			[/@NodeList]
            </div>
          </div>
        </div> -->
        
      </div>
      <!--运营服务左边部分-end--> 
      <!--运营服务中间部分-->
         <div class="central-map conBox" style="padding:0; min-height: 323px;">
        	<div class="zhans daolan">
				<div id = "1" class="Line L2 L2-1"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>东莞火车站</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',1,this);">站点信息详情&gt;</a><em></em></div></div>
			
				<div id = "2" class="Line L2 L2-2"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>茶山</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',2,this);">站点信息详情&gt;</a><em></em></div></div>
			
				<div id = "3" class="Line L2 L2-3"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>榴花公园</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',3,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "4" class="Line L2 L2-4"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>下桥</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',4,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "5" class="Line L2 L2-5"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>天宝</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',5,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "6" class="Line L2 L2-6"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>东城</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',6,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "7" class="Line L2 L2-7"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>旗峰公园</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',7,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "8" class="Line L2 L2-8"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>鸿福</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',8,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "9" class="Line L2 L2-9"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>西平</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',9,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "10" class="Line L2 L2-10"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>蛤地</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',10,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "11" class="Line L2 L2-11"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>陈屋</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',11,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "12" class="Line L2 L2-12"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>寮厦</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',12,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "13" class="Line L2 L2-13"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>珊美</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',13,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "14" class="Line L2 L2-14"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>展览中心</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',14,this);">站点信息详情&gt;</a><em></em></div></div>
				<div id = "15" class="Line L2 L2-15"><span class="hover"></span><img src="_files/img/dian.png" class="dian" /><div class="info"><h3><i>2</i>虎门火车站</h3><div class="fixed"><span class="start">设为起点</span><span class="end">设为终点</span></div><a href="javascript:void(0);" onclick="stationInfo('${ctx}',15,this);">站点信息详情&gt;</a><em></em></div></div>
            </div>
           <img src="_files/img/xian.png" width="470" height="505">
        </div>
        <!--主体内容开始-->
<!--       <div class="central-map">  -->
<!--       </div> -->
      <!--运营服务中间部分-end-->
      <!--运营服务右边部分--> 
      <div class="yyfw-right">
       <div class="zy-yysj clearfix">
        <div class="yyfw-mokuai-div02 sj-bg h55">
          [@Node number='yysj';node]
         <a href="${node.url}"><img src="_files/img/yunyingfuwu/fuwushijian-icon.png" width="47" height="45"><b>运&nbsp;&nbsp;&nbsp;营&nbsp;&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;间</b></a>
       	  [/@Node]
        </div>
       </div>
       <div class="tz-hd clearfix">
        <ul class="yyfw-mokuai-div">
           [@Node number='yyhd';node]<a href="${node.url}"><li>${node.name}</li></a>[/@Node]
           [@Node number='yytz';node]<a href="${node.url}"><li>${node.name}</li></a>[/@Node]
        </ul>
       </div>
       <div class="chengkexuzhi clearfix">
          <div class="yyfw-mokuai-div">
      
           	 <div class="top-title clearfix">
					  [@Node number='ckxz';node]
	             <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/chengkexuzhi-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">${node.name}</span> 
	             <a class="more03" href="${node.url}">更多></a>
            		[/@Node]
            </div>
              	[@InfoList node='ckxz' limit='1';list]
				[#list list as info]
            <p>${substring(info.description,80,'...')}</p>
				[/#list]
				[/@InfoList]
          </div>
        </div>
       <div class="lianxiwomen clearfix">
          <div class="yyfw-mokuai-div">
            <div class="top-title clearfix">
             <span class="title-left" style="color:#333;"><img src="_files/img/yunyingfuwu/lianxiwomen-icon.png" width="24" height="24"  style="margin-top:-2px; margin-right:5px; float:left;">联系我们</span> 
            </div>
            <div class="lxwm-neirong">
             <p>服务热线:<span>0769-88176666</span></p>
             <p>服务时间:<span>8:00-20:30</span></p>
<!--              <p>传真号码:<span>22210608</span></p> -->
            </div>
          </div>
        </div> 
       <div class="qita">
<!--              <a class="a-mr"> -->
<!--            <img src="_files/img/yunyingfuwu/anquanwenming-icon.png" width="72" height="70"> -->
<!--            <span>安全文明</span> -->
<!--           </a> -->
<!--           <a class="a-mr" href="yunyingfuwu-shiwuzhaoling.html"> -->
<!--            <img src="_files/img/yunyingfuwu/shiwuzhaoling-icon.png" width="72" height="70"> -->
<!--            <span>失误招领</span> -->
<!--           </a> -->
<!--           <a href="yunyingfuwu-fuwusheshi-lift.html"> -->
<!--            <img src="_files/img/yunyingfuwu/fuwusheshi-icon.png" width="72" height="70"> -->
<!--            <span>服务设施</span> -->
<!--           </a> -->
          
         [@Node number='aqwm';node] 
          <a class="a-mr" href="${node.url}">
           <img src="_files/img/yunyingfuwu/anquanwenming-icon.png" width="72" height="70">
            <span>${node.name}</span>
          </a>
          [/@Node]
          [@Node number='swzl';node] 
          <a class="a-mr" href="${node.url}">
           <img src="_files/img/yunyingfuwu/shiwuzhaoling-icon.png" width="72" height="70">
          <span>${node.name}</span>
          </a>
          [/@Node]
           [@Node number='fwss';node]
          <a href="${node.url}">
           <img src="_files/img/yunyingfuwu/fuwusheshi-icon.png" width="72" height="70">
             <span>${node.name}</span>
          </a>
          [/@Node]
        </div>
      </div>
      <!--运营服务右边部分-end--> 
    </div>
    <div class="clearboth"></div>
  <!--footer-->
	[#include 'inc_footer.html'/]
  <!--footer-end--> 
  </div>
</div>
</body>
</html>
